// 负责把data中的数据转换成响应式的
// 如果data中的某个值也是对象，那么这个对象也得是响应式的
// 数据变化发送通知

// 接受一个参数data

class Observer {
    constructor(data) {
        this.walk(data);
    }

    walk(data) {
        if (!data || typeof data !== 'object') return;
        Object.keys(data).forEach(key => {
            this.defineReactive(data, key, data[key])
        })
    }

    defineReactive(obj, key, value) {
        const self = this;
        const dep = new Dep();
        Object.defineProperty(obj, key, {
            enumerable:true,
            configurable: true,
            get() {
                // 这个代码是在当每个view初始化watcher时，将自己的watcher添加到dep中。
                Dep.target && dep.addSub(Dep.target);
                return value;
            },
            set(newValue) {
                if (newValue === value) return;
                value = newValue;
                // 把一个属性更改为一个对象时，那这个对象也是响应式的
                self.walk(newValue);
                // 当响应式数据改变时，需要通知所有的watcher更新视图
                dep.notify();
            }
        })

        // 递归调用，对象的属性也必须是响应式的
        this.walk(value);
    }
}